/* 主题色 */
$primary-color: #07c160;
$success-color: #4cd964;
$warning-color: #f0ad4e;
$danger-color: #dd524d;
$info-color: #909399;

/* 文字颜色 */
$text-color-primary: #333333;
$text-color-regular: #666666;
$text-color-secondary: #999999;
$text-color-placeholder: #c0c4cc;

/* 边框颜色 */
$border-color-base: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
$border-color-extra-light: #f2f6fc;

/* 背景颜色 */
$background-color-base: #f5f5f5;
$background-color-white: #ffffff;

/* 字体大小 */
$font-size-extra-large: 36rpx;
$font-size-large: 32rpx;
$font-size-medium: 28rpx;
$font-size-base: 26rpx;
$font-size-small: 24rpx;
$font-size-extra-small: 20rpx;

/* 边框圆角 */
$border-radius-small: 4rpx;
$border-radius-base: 8rpx;
$border-radius-large: 16rpx;
$border-radius-circle: 50%;

/* 间距 */
$spacing-extra-small: 10rpx;
$spacing-small: 20rpx;
$spacing-base: 30rpx;
$spacing-large: 40rpx;
$spacing-extra-large: 50rpx;

/* 阴影 */
$box-shadow-base: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
$box-shadow-light: 0 2rpx 6rpx rgba(0, 0, 0, 0.05);
$box-shadow-dark: 0 4rpx 16rpx rgba(0, 0, 0, 0.2);

/* 过渡 */
$transition-duration-fast: 0.2s;
$transition-duration-base: 0.3s;
$transition-duration-slow: 0.4s;
$transition-timing-function-base: ease-in-out; 